let Template = [
    {
        id: 'Line04_0001',
        component: 'Line04', // string 堆叠面积图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'], // 面板颜色组 array[string]
            chartOption: {
                type: 'stackingAreaBar',
                coordinateSystem: 'rightAngle-x', // 坐标系
                chartStyle: {
                    markPoint: {
                        data: [{
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    }
                },
                option: {
                    legend: {
                        // data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: '38',
                    },
                    color: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                    },
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '3%',
                        top: '20',
                        containLabel: true,
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: true,
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                            interval: 'auto',
                            rotate: 0
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [
                        {
                            type: 'line',
                        },
                    ]
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            // : true,  // 修改全局color
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0, // 存index
                type: 'x'
            },
            {
                alias: '邮件营销',
                index: 1,
                type: 'y'
            }],
            value: [
                ['name', "y1"],
                ['Mon', 120],
                ['Tue', 132],
                ['Wed', 101],
                ['Thu', 134],
                ['Fri', 90],
                ['Sat', 230],
                ['Sun', 210],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Line04_0002',
        component: 'Line04', // string 堆叠面积图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'], // 面板颜色组 array[string]
            chartOption: {
                type: 'stackingAreaBar',
                coordinateSystem: 'rightAngle-x', // 坐标系
                chartStyle: {
                    markPoint: {
                        data: [{
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    }
                },
                option: {
                    legend: {
                        // data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: '38',
                    },
                    color: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                    },
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '3%',
                        top: '20',
                        containLabel: true,
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: true,
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                            interval: 'auto',
                            rotate: 0
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [
                        {
                            type: 'line',
                        },
                    ]
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0, // 存index
                type: 'x'
            },
            {
                alias: '邮件营销',
                index: 1,
                type: 'y'
            },
            {
                alias: '联盟广告',
                index: 2,
                type: 'y'
            }],
            value: [
                ['name', "y1", "y2"],
                ['Mon', 120, 220],
                ['Tue', 132, 182],
                ['Wed', 101, 191],
                ['Thu', 134, 234],
                ['Fri', 90, 290],
                ['Sat', 230, 330],
                ['Sun', 210, 310],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Line04_0003',
        component: 'Line04', // string 堆叠面积图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'], // 面板颜色组 array[string]
            chartOption: {
                type: 'stackingAreaBar',
                coordinateSystem: 'rightAngle-x', // 坐标系
                chartStyle: {
                    markPoint: {
                        data: [{
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    }
                },
                option: {
                    legend: {
                        // data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: '38',
                    },
                    color: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                    },
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '3%',
                        top: '20',
                        containLabel: true,
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: true,
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                            interval: 'auto',
                            rotate: 0
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [
                        {
                            type: 'line',
                        },
                    ]
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0, // 存index
                type: 'x'
            },
            {
                alias: '邮件营销',
                index: 1,
                type: 'y'
            },
            {
                alias: '联盟广告',
                index: 2,
                type: 'y'
            },
            {
                alias: '视频广告',
                index: 3,
                type: 'y'
            }],
            value: [
                ['name', "y1", "y2", "y3"],
                ['Mon', 120, 220, 150],
                ['Tue', 132, 182, 232],
                ['Wed', 101, 191, 201],
                ['Thu', 134, 234, 154],
                ['Fri', 90, 290, 190],
                ['Sat', 230, 330, 330],
                ['Sun', 210, 310, 410],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Line04_0004',
        component: 'Line04', // string 堆叠面积图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'], // 面板颜色组 array[string]
            chartOption: {
                type: 'stackingAreaBar',
                coordinateSystem: 'rightAngle-x', // 坐标系
                chartStyle: {
                    markPoint: {
                        data: [{
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    }
                },
                option: {
                    legend: {
                        // data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: '38',
                    },
                    color: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                    },
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '3%',
                        top: '20',
                        containLabel: true,
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: true,
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                            interval: 'auto',
                            rotate: 0
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [
                        {
                            type: 'line',
                        },
                    ]
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0, // 存index
                type: 'x'
            },
            {
                alias: '邮件营销',
                index: 1,
                type: 'y'
            },
            {
                alias: '联盟广告',
                index: 2,
                type: 'y'
            },
            {
                alias: '视频广告',
                index: 3,
                type: 'y'
            },
            {
                alias: '直接访问',
                index: 4,
                type: 'y'
            }],
            value: [
                ['name', "y1", "y2", "y3", "y4"],
                ['Mon', 120, 220, 150, 320],
                ['Tue', 132, 182, 232, 332],
                ['Wed', 101, 191, 201, 301],
                ['Thu', 134, 234, 154, 334],
                ['Fri', 90, 290, 190, 390],
                ['Sat', 230, 330, 330, 330],
                ['Sun', 210, 310, 410, 320],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Line04_0005',
        component: 'Line04', // string 堆叠面积图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'], // 面板颜色组 array[string]
            chartOption: {
                type: 'stackingAreaBar',
                coordinateSystem: 'rightAngle-x', // 坐标系
                chartStyle: {
                    markPoint: {
                        data: [{
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    }
                },
                option: {
                    legend: {
                        // data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: '38',
                    },
                    color: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                    },
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '3%',
                        top: '20',
                        containLabel: true,
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: true,
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                            interval: 'auto',
                            rotate: 0,
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [
                        {
                            type: 'line',
                        },
                    ]
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0, // 存index
                type: 'x'
            },
            {
                alias: 'line1',
                index: 1,
                type: 'y'
            },
            {
                alias: 'line2',
                index: 2,
                type: 'y'
            },
            {
                alias: 'line3',
                index: 3,
                type: 'y'
            },
            {
                alias: 'line4',
                index: 4,
                type: 'y'
            },
            {
                alias: 'line5',
                index: 5,
                type: 'y'
            }],
            value: [
                ['name', "y1", "y2", "y3", "y4", "y5"],
                ['周一', 140, 120, 320, 220, 220],
                ['周二', 232, 282, 132, 402, 302],
                ['周三', 101, 111, 201, 231, 181],
                ['周四', 264, 234, 334, 134, 234],
                ['周五', 90, 220, 190, 190, 210],
                ['周六', 340, 340, 130, 230, 290],
                ['周日', 250, 310, 220, 120, 150],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Line04_0006',
        component: 'Line04', // string 堆叠面积图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'], // 面板颜色组 array[string]
            chartOption: {
                type: 'stackingAreaBar',
                coordinateSystem: 'rightAngle-x', // 坐标系
                chartStyle: {
                    markPoint: {
                        data: [{
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    }
                },
                option: {
                    legend: {
                        // data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: '38',
                    },
                    color: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                    },
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '3%',
                        top: '20',
                        containLabel: true,
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: true,
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                            interval: 'auto',
                            rotate: 0,
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [
                        {
                            type: 'line',
                        },
                    ]
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0, // 存index
                type: 'x'
            },
            {
                alias: 'line1',
                index: 1,
                type: 'y'
            },
            {
                alias: 'line2',
                index: 2,
                type: 'y'
            },
            {
                alias: 'line3',
                index: 3,
                type: 'y'
            },
            {
                alias: 'line4',
                index: 4,
                type: 'y'
            },
            {
                alias: 'line5',
                index: 5,
                type: 'y'
            },
            {
                alias: 'line6',
                index: 6,
                type: 'y'
            }],
            value: [
                ['name', "y1", "y2", "y3", "y4", "y5", "y6"],
                ['类别1', 140, 120, 320, 343, 12, 320],
                ['类别2', 232, 282, 132, 232, 321, 320],
                ['类别3', 101, 111, 201, 123, 320, 320],
                ['类别4', 264, 234, 334, 434, 320, 320],
                ['类别5', 90, 220, 190, 122, 542, 320],
            ], // 二维数组 存静态数据 二维数组
        }
    },
];
export default Template;